<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>成都融微软件服务有限公司</title>

  <link rel="stylesheet" href="css/animate.min.css" />
  <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2123676_64p0yupy4vr.css" /> -->
  
  <link rel="stylesheet" href="js/layui/css/layui.css" />
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headleft.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="./css/zzc_xinxi.css">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/echarts.min.js"></script>
  <script type="text/javascript">
    $(function(){
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
        $('.tree li.parent_li > span').on('click', function (e) {
            var children = $(this).parent('li.parent_li').find(' > ul > li');
            if (children.is(":visible")) {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-fangkuaijiahao').removeClass('icon-jianhao');
            } else {
                children.show('fast');
                $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-jianhao').removeClass('icon-fangkuaijiahao');
            }
            e.stopPropagation();
        });
    });
    </script>
</head>

<body>
  <!-- 头部 -->
  <div class="daohang bgff">
    <script>
      $(".daohang").load("header.html");
    </script>
  </div>
  <!-- 中间内容-->
  <div class="substance">
    <div class="substance_lf">
      <!-- 左边栏目 -->
      <script>
        $(".substance_lf").load("zzc_lefts.html");
      </script>
    </div>
    <div class="substance_rt huibg">
      <!-- 右边的内容 -->
      <!-- 导航 -->
      <div class="rt_tit">
          <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
      </div>
      <div class="bgff pad15">
          <div class="ping_pd">
              <h4 class="ping_tit">
                  类别列表
              </h4>
          </div>
          <a href="#" class="chuang1 fnt_16" > 创建一级目录 </a>
          <div class="tree ">
              <ul>
                  <li>
                      <span><i class="iconfont icon-jianhao"></i> 全部</span>
                      <ul>
                          <li>
                              <span><i class="iconfont icon-jianhao"></i> 摄影技巧</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                              <ul>
                                  <li>
                                      <span>风光人像</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                  </li>
                                  <li>
                                      <span> 布光构图</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                  </li>
                                  <li>
                                      <span> 影视摄像</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                  </li>
                                  <li>
                                      <span>后期处理</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                  </li>
                                  <li>
                                      <span><i class=" iconfont icon-jianhao"></i> 航拍延时</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                      <ul>
                                          <li><span> 延时拍摄</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em></li>
                                      </ul>
                                  </li>
                              </ul>
                          </li>
                          <li>
                              <span><i class="iconfont icon-jianhao"></i> 电影影视</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                              <ul>
                                  <li>
                                      <span><i class=" iconfont icon-jianhao"></i> 动作影视</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                      <ul>
                                          <li><span> 李小龙</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em></li>
                                          <li><span> 成龙</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em></li>
                                      </ul>
                                  </li>
                              </ul>
                          </li>
                      </ul>
                  </li>
              </ul>
          </div>
      </div>
      <!-- 尾部 -->
      <div class="foot huibg">
          <script>$(".foot").load("foot.html");</script>
      </div>
  </div>
  </div>
  </div>
    <!-- 弹出框 -->
    <div class="tailoring-container mul">
      <div class=" tailoring-contents">
          <div class="rw_ti">
              <div class="close-tailoring" onclick="closeTailor(this)">×</div>
              <div class="rw_ti_lf">
                  <i class="iconfont icon-xianshi_tishitianchong"></i>
              </div>
              <div class="rw_ti_rt">
                  <h4 class="fnt_18 col_000 bld">创建目录</h4>
                      <div class="dand_item">
                          <span class="fnt_14 col_444">目录名称：</span>
                          <div class="dand_item_p">
                              <input type="text" name="dizhi" class="layui-input">
                          </div>
                      </div>
                      <a href="#" class="active"> 确定 </a>
                      <a href="javascript:;" onclick="closeTailor(this)"> 取消 </a>
              </div>
          </div>
      </div>
  </div>
  <div class="tailoring-container muls">
      <div class=" tailoring-contents">
          <div class="rw_ti">
              <div class="close-tailoring" onclick="closeTailors(this)">×</div>
              <div class="rw_ti_lf">
                  <i class="iconfont icon-xianshi_tishitianchong"></i>
              </div>
              <div class="rw_ti_rt">
                  <h4 class="fnt_18 col_000 bld">删除目录</h4>
                      <div class="dand_item">
                          <p class="fnt_14 col_red">确定要删除该目录</p>
                          
                      </div>
                      <a href="#" class="active"> 确定 </a>
                      <a href="javascript:;" onclick="closeTailors(this)"> 取消 </a>
              </div>
          </div>
      </div>
  </div>
  <script src="js/layui/layui.all.js"></script>
  <script>
        (window.onresize = function () {
          var win_height = $(window).height();
          var win_width = $(window).width();
          if (win_width <= 768) {
              $(".tailoring-contents").css({
                  "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                  "left": 0
              });
          } else {
              $(".tailoring-contents").css({
                  "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                  "left": (win_width - $(".tailoring-contents").outerWidth()) / 2
              });
          }
      })();
       //弹出框
       $(".icon-yuanxingjiahao").on("click", function () {
          $(".mul").toggle();
      });
      //关闭弹出框
      function closeTailor() {
          $(".mul").hide();
      }
       //弹出框
       $(".icon-yuanxingjianhao").on("click", function () {
          $(".muls").toggle();
      });
      //关闭弹出框
      function closeTailors() {
          $(".muls").hide();
      }
      layui.use('laydate', function () {
          var laydate = layui.laydate;
          laydate.render({
              elem: '#test16'
              , range: true
          });
      })
    
  </script>

</body>

</html>